<template>
  <el-select>
    <el-option
      v-for="item in difficultyList"
      :label="item.difficultyName"
      :value="item.difficulty"
    />
  </el-select>
</template>
<script setup>
  import { reactive } from 'vue'
  const difficultyList = reactive([
    {
      "difficulty": 1,
      "difficultyName": "简单",
    },
    {
      "difficulty": 2,
      "difficultyName": "中等",
    },
    {
      "difficulty": 3,
      "difficultyName": "困难",
    }
  ])
</script>